<template>
  <vue-modal
    title="事件审核"
    ok-text="审核通过"
    cancel-text="作废"
    :show.sync="showModal"
    effect="fade"
    :small="true"
    :width="600">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form" v-el:form>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*事件类别</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" disabled="disabled" v-model="form.eventCategory">
              <option value="2">特别事件</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*事件类型</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" disabled="disabled" v-model="form.eventType">
              <option v-for="it in typeList" :value="it.columnValue">{{it.valueDesc}}</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*开始时间</label>
          <div class="col-sm-9 text-left">
            <input type="text" disabled="disabled" class="form-control" v-model="form.startDt">
          </div>
        </div>
        <!-- <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*结束时间</label>
          <div class="col-sm-9 text-left">
            <input type="text" disabled="disabled"  class="form-control" v-model="form.endDt">
          </div>
        </div> -->
        <!-- <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*发布时间</label>
          <div class="col-sm-9 text-left">
            <input type="text" disabled="disabled"  class="form-control" v-model="form.issueDt">
          </div>
        </div> -->
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*事件描述</label>
          <div class="col-sm-9 text-left">
            <textarea rows="3" disabled="disabled" class="form-control" v-model="form.eventDesc"></textarea>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*事件链接</label>
          <div class="col-sm-9 text-left">
            <input type="text" disabled="disabled" class="form-control" v-model="form.eventLink">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*涉及证券</label>
        </div>
        <div class="form-group form-group-sm">
          <div class="wrap-table">
            <table class="table table-bordered table-hover">
              <thead>
                <tr>
                  <th>证券代码</th><th>证券名称</th><th>KPI值</th>
                </tr>
              </thead>
              </tbody>
                <tr v-for="it in eventKpis">
                  <td>{{it.secuCode}}</td>
                  <td>{{it.secuName}}</td>
                  <td>{{it.kpiValue}}</td>
                </tr>
              </tbody>
            </table>
          </div>

        </div>
      </form>
    </div>
    <div slot="modal-footer" class="modal-footer">
      <button type="button" class="btn btn-default" @click="cancelFun(form.eventId)">作废</button>
      <button type="button" class="btn btn-success" @click="submit(form.eventId)">审核通过</button>
    </div>
  </vue-modal>
</template>
<style src="./config.css" scoped></style>
<script src="./config.js"></script>